<!doctype html>
<html lang="zh">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/static/plugins/bootstrap/bootstrap.min.css" >
    <script src="/static/js/jquery-3.3.1.js"></script>
    <script src="/static/js/html5.min.js"></script>
    <script src="/static/plugins/bootstrap/popper.min.js" ></script>
    <script src="/static/plugins/bootstrap/bootstrap.min.js"></script>
    <title>无题</title>
    
    <style type="text/css">
        body {
            background-image: url('./image/background.jpg');
        }
        .middle {
            margin-top: 110px;
            margin-bottom: 110px;
            padding: 100px 50px 50px 50px;
            background-color: white;
            border-radius: 15px;
            box-shadow: 10px 10px 5px rgb(0,0,0,0.1);
            
        }
        .login {
            margin-left: 20px;
        }
        .font2 {
            font-size: 0.6em;
        }
        .btn {
            border-radius: 28px;
        }

    </style>
  </head>
  <body>
    <div class="container">
        <div class="middle mx-auto h-75 w-75">
            <div class="row">
                <div class="col col-12 col-md-6">
                    <img class="rounded img-fluid" src="./image/login.png" alt="web开发">
                </div>
                <div class="col col-12 col-md-6">
                    <div class="login">
                        <h5 class="font-weight-bold">扁平化响应式平台登录</h5>
                        <p class="font-weight-light font2">一个AI技术交流的平台</p>

                        <form>
                            <div class="form-group">
                                <label for="email" class="sr-only">Email address:</label>

                                <input type="email" class="form-control" id="email" placeholder="Email">
                            </div>

                            <div class="form-group">
                                <label for="pwd" class="sr-only">Password:</label>
                                <input type="password" class="form-control" id="pwd" placeholder="Password">
                            </div>

                            <div class="xuan custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="customCheck" name="example1">
                                <label class="custom-control-label font-weight-light small" for="customCheck">记住用户名</label>
                            </div>

                            <br>
                            <button type="button" class="btn btn-primary btn-block w-75 mx-auto">登 录</button>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>